@import './modules/reset';
@import './modules/header';
@import './modules/footer';
main{
    position: relative;
    padding-left: 188px;
    .cart{
        position: absolute;
        
            top: 300px;
            right: 0;
            width: 50px;
            height: 80px;
            background-color: #eea236;
            color: #ffffff;
            text-align: center;
            line-height: 80px;
    }
       
    
    .shouye{
        overflow: hidden;
        ul{
            margin-top: 20px;
            margin-bottom: 60px;
            li{
                font-size: 12px;
                float: left;
                line-height: 27px;
                a{
                    color: #999;
                    text-decoration: none;
                }

            }
        }
    }
    .detail{
        min-height: 600px;
        position: relative;
        .photo{
          float: left;
          >.zhong{
            
            border: 1px solid #ccc;
            margin-right: 30px;
            width: 458px;
            height: 438px;
        }
        >span{
            display: none; 
            width: 100px; 
            height: 100px;
            position: absolute;
            background: rgba(255, 255, 0, 0.3);left: 0;top: 0;
        }
        .big-box{
            position: absolute;
            width: 458px;
            height: 438px;
            display: none;
            overflow: hidden;
            top: 0;
            left: 468px;
            z-index: 4;
        }
        &-small{
          margin-top: 20px;
          width: 540px;
          height: 100px;
          
          img{
            width: 74px;
            height: 70px;
            margin-right: 10px;
            &:hover{
              border: 2px solid #e69800;
            }
          }
          
        }
      }
        
        
        
        .product-info{
            width: 720px;
            float: left;
            overflow: hidden;
            position: relative;
            h3{
                font-size: 28px;
                line-height: 36px;
                color: #333;
            }
            .pord-price{
                color: #f74f4a;
                margin-top: 20px;
                margin-bottom: 20px;
                span{
                    font-size: 36px;
                }
                em{
                    padding-left: 10px;
                    font-size: 16px ;
                    text-decoration: line-through;
                    color: #999;
                    line-height: 38px;
                }
            }
            .detailbox{
                height: 60px;
                line-height: 60px;
                border-top: 1px dashed #eee ;
                border-bottom:1px dashed #eee ;
                &-sold{
                    width: 310px ;
                    float: left;
                    color: #999;
                    span{
                        color: #333;
                    }
                }
                &-totalcom{
                    float: left;
                    color: #999;
                    span{
                        color: #333;
                    }
                }
            }
            .pord-num{
                width: 100%;
                float: left;
                font-size: 14px;
                color: #888;
                line-height: 30px;
                padding-top: 10px;
                span{
                    margin-right: 20px;
                }
                input{
                    width: 50px;
                    text-align: center;
                }
            }
            .pord-btn{
                float: left;
                margin-top: 20px;
                &-xiu{
                    width: 200px;
                    height: 56px;
                    text-align: center;
                    font-size: 20px;
                    color: #fff;
                }
                &-jia{
                    width: 200px;
                    height: 56px;
                    text-align: center;
                    font-size: 20px;
                    color: #fff;
                    background-color: #3a3f4a;
                }
                
                
            }
            
            
        }
    }
    .pord-tab{
      margin: 0 auto 20px;
      width: 1220px;
      height: 71px;
      border-bottom: 1px solid #eee;
      ul{
        margin: 0 auto;
        width: 705px;
        li{
          width: 235px;
          float: left;
          height: 71px;
          text-align: center;
          color: #333;
          font-size: 18px;
          overflow: hidden;
          position: relative;
          white-space: nowrap;
          text-overflow: ellipsis;
          
        }
      }
    }
    .bigImgContent{
      img{
        display: block;
        margin: 0 auto;
      }
    }
   
}
.fly{
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #f3ad14;
}
